@forward 'scrollbar';

:root {
  /* 主色调蓝白 */
  --primary-color: #1976d2;
  --primary-color-hover: #1565c0;
  --primary-gradient: linear-gradient(90deg, #1976d2 0%, #67b1fb 100%);
  --secondary-color: #f5f7fa;
  --background-color: #fff;
  --card-bg: #f7f8fa;
  --border-color: #e5e6eb;
  --text-color-main: #222;
  --text-color-sub: #555;
  --text-color-light: #888;
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  /* 字体 */
  --font-family-main: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
  --font-size-title: 20px;
  --font-size-main: 16px;
  --font-size-sub: 15px;
  --font-size-small: 13px;
  /* 间距 */
  --gap-lg: 32px;
  --gap-md: 16px;
  --gap-sm: 8px;
  --radius-main: 12px;
  --radius-card: 16px;
  --shadow-main: 0 2px 12px #1976d233;
}
